<!DOCTYPE html>
<html lang="en">

<head>
<link rel="shortcut icon" href="images/favicon.php" />
<meta charset="UTF-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>Queen Hotel</title>
<!-- ////////////////////////////////// -->
<!-- //      Start Stylesheets       // -->
<!-- ////////////////////////////////// -->
<link href="styles/style.css" rel="stylesheet" type="text/css" />
<link href="styles/color.css" rel="stylesheet" type="text/css" />
<link href="styles/inner.css" rel="stylesheet" type="text/css" />

<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>

<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script>

<script type="text/javascript">
jQuery(document).ready(function(){

	//Menu
	jQuery("ul.sf-menu").supersubs({ 
	minWidth		: 12,		// requires em unit.
	maxWidth		: 14,		// requires em unit.
	extraWidth		: 3	// extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values
						   // due to slight rounding differences and font-family 
	}).superfish();  // call supersubs first, then superfish, so that subs are 
					 // not display:none when measuring. Call before initialising 
					 // containing tabs for same reason. 

});
</script>
</head>
<body>

<div id="outer-container">
		
        <div id="wrapper-header">
        <div class="container">
            <div id="header">
                <div id="logo">
                	<span class="logo-l"></span>
                    <a href="index.php"><img src="images/logo.png" alt=""  /></a>
                    <span class="logo-r"></span>
                </div><!-- end logo -->
                <div class="clear"></div>
                
                <div id="nav-container">
                <div id="nav-main">
                    <div id="nav">
                        <ul id="topnav" class="sf-menu">
                            <li><a href="index.php">Home</a></li>
                            <li><a href="#">Room and Rates</a>
                                <ul>
                                    <li><a href="indo1.php">Indonesian Hotels 1</a></li>
                                    <li><a href="indo2.php">Indonesian Hotels 2</a></li>
                                    <li><a href="indo3.php">Indonesian Hotels 3</a></li>
                                    <li><a href="indo4.php">Indonesian Hotels 4</a></li>
                                    <li><a href="indo5.php">Indonesian Hotels 5</a></li>
                                    <li><a href="indo6.php">Indonesian Hotels 6</a></li>
                                    <li><a href="indo7.php">Indonesian Hotels 7</a></li>
                                    
                                </ul>
                            </li>
                            <li><a href="accommodation.php">Accommodation</a></li>
                            <li><a href="facilities.php">Facilities</a></li>
                            <li><a href="gallery.php">Gallery</a></li>                 
                            <li><a href="contact.php">Contact</a></li>
                        </ul><!-- end topnav -->
                    </div><!-- end nav -->	
                </div><!-- end nav-main -->
                </div><!-- end nav-container -->
            </div><!-- end header -->

        </div><!-- end container -->
		</div><!-- end wrapper-header -->  
        
        <div id="wrapper-content">
        <div class="container">
			<div id="content">
        	<div id="main">
            	<div id="maincontent" class="positionleft">
           
                    <div class="post">
                        <div class="imgframe">
                            <img src="images/content/post1.jpg" alt="" />
                        </div>
                        <div class="entry-utility">
                            <div class="user">Posted by <a href="#">Admin </a></div> <div class="date"> March 28, 2012</div> <div class="category">Wordpress</div> 
                            <div class="comment"><a href="#">7 Comments</a></div> 
                        </div>
                        <div class="entry-content">
                         	<h2 class="posttitle"><a href="single.php">Pellentesque at magna eget diam</a></h2>
                        	<p>Sed in quam quis lacus gravida placerat sit amet eu elit. Duis lacus tortor, consectetur et aliquet vel, consequat ornare tortor. Nam imperdiet fringilla iaculis. Sed sagittis, metus nec mattis molestie, metus est pretium libero, nec auctor massa enim nec erat. Morbi a dolor ac urna aliquet volutpat eu suscipit nisi. Pellentesque eu enim dolor, id dictum libero. Nunc sit amet tempor diam. Etiam tempus adipiscing consectetur. Aenean sed orci velit, et suscipit ligula...</p>
                            <a href="single.php" class="more">Read More</a>
                        </div>
                        <div class="clear"></div>
                    </div><!-- end post -->
                    
                    <div class="post">
                        <div class="imgframe">
                            <img src="images/content/post2.jpg" alt="" />
                        </div>
                        <div class="entry-utility">
                            <div class="user">Posted by <a href="#">Admin </a></div> <div class="date">March 15, 2012</div> <div class="category">Wordpress</div> 
                            <div class="comment"><a href="#">4 Comments</a></div> 
                        </div>
                        <div class="entry-content">
                         	<h2 class="posttitle"><a href="single.php">Nullam ultrices ligula vitae purus imperdiet id </a></h2>
                        	<p>Sed in quam quis lacus gravida placerat sit amet eu elit. Duis lacus tortor, consectetur et aliquet vel, consequat ornare tortor. Nam imperdiet fringilla iaculis. Sed sagittis, metus nec mattis molestie, metus est pretium libero, nec auctor massa enim nec erat. Morbi a dolor ac urna aliquet volutpat eu suscipit nisi. Pellentesque eu enim dolor, id dictum libero. Nunc sit amet tempor diam. Etiam tempus adipiscing consectetur. Aenean sed orci velit, et suscipit ligula...</p>
                            <a href="single.php" class="more">Read More</a>
                        </div>
                        <div class="clear"></div>
                    </div><!-- end post -->
                    
                    <div class="post last">
                        <div class="imgframe">
                            <img src="images/content/post3.jpg" alt="" />
                        </div>
                        <div class="entry-utility">
                            <div class="user">Posted by <a href="#">Admin </a></div> <div class="date"> December 5, 2011</div> <div class="category">Wordpress</div> 
                            <div class="comment"><a href="#">10 Comments</a></div> 
                        </div>
                        <div class="entry-content">
                         	<h2 class="posttitle"><a href="single.php">Suspendisse posuere consectetur arcu</a></h2>
                        	<p>Sed in quam quis lacus gravida placerat sit amet eu elit. Duis lacus tortor, consectetur et aliquet vel, consequat ornare tortor. Nam imperdiet fringilla iaculis. Sed sagittis, metus nec mattis molestie, metus est pretium libero, nec auctor massa enim nec erat. Morbi a dolor ac urna aliquet volutpat eu suscipit nisi. Pellentesque eu enim dolor, id dictum libero. Nunc sit amet tempor diam. Etiam tempus adipiscing consectetur. Aenean sed orci velit, et suscipit ligula...</p>
                            <a href="single.php" class="more">Read More</a>
                        </div>
                        <div class="clear"></div>
                    </div><!-- end post -->
                    <div class="separator line"></div>
                    <div class="pagenavi">
                        <span class="postslink">Page 1 of 4</span><a href="#" class="page">1</a><span class="current">2</span><a href="#" class="page">3</a><a href="#" class="page">4</a>
                    </div><!-- end pagenavi -->
                    
                    <div class="clear"></div><!-- clear float --> 
                </div><!-- end maincontent -->
                
				<div id="sidebar">
                    <ul>
						<li class="widget-container">
                            <h2 class="widget-title">Categories</h2>
                            <ul>
                                <li><a href="#">Photogprahy</a></li>
                                <li><a href="#">Website Design</a></li>
                                <li><a href="#">Wordpress</a></li>
                                <li><a href="#">Site Templates</a></li>
                                <li><a href="#">Joomla</a></li>
                            </ul>
                        </li>
						<li class="widget-container">
                            <form action="#" id="searchform" method="get">
                                <div class="bgsearch">
                                    <input type="text" onBlur="if (this.value == '')this.value = 'To search type and hit enter';" onFocus="if (this.value == 'To search type and hit enter')this.value = '';" value="To search type and hit enter" id="s" name="s">
                                </div>
                            </form>
                        </li>
						<li class="widget-container">
                            <h2 class="widget-title">Text Widget</h2>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
                        </li>
						<li class="widget-container">
                            <h2 class="widget-title">Archives</h2>
                            <ul>
                                <li><a href="#">March 2012</a></li>
                                <li><a href="#">February 2012</a></li>
                                <li><a href="#">January 2012</a></li>
                                <li><a href="#">December 2011</a></li>
                                <li><a href="#">November 2011</a></li>
                            </ul>
                        </li>
                    </ul>
                    <div class="clear"></div><!-- clear float --> 
				</div><!-- end sidebar -->
				<div class="clear"></div><!-- clear float --> 
            </div><!-- end main -->
		</div><!-- end content -->
        </div><!-- end container -->
		</div><!-- end wrapper-content -->
        
        <div id="wrapper-footer">
        <div class="container">
            <div id="footer">
                <div id="main-footer">
                    <div class="footcol1">
                    <ul>
                        <li class="widget-container">
                            <h2 class="widget-title">Account</h2>
                            <ul>
                                <li><a href="#">Your Account</a></li>
                                <li><a href="#">Personal Information</a></li>
                                <li><a href="#">Addresses</a></li>
                                <li><a href="#">Order History</a></li>
                                <li><a href="#">Discount</a></li>
                            </ul>
                        </li>
                    </ul>
                    </div>
                    <div class="footcol2">
                        <ul>
                            <li class="widget-container">
                                <h2 class="widget-title">Our Hotel</h2>
                                <ul>
                                    <li><a href="#">New Product</a></li>
                                    <li><a href="#">Special Rooms</a></li>
                                    <li><a href="#">Guaranteed room availability</a></li>
                                    <li><a href="#">Complimentary Internet access</a></li>
                                    <li><a href="#">Suppliers</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="footcol3">
                        <ul>
                            <li class="widget-container">
                                <h2 class="widget-title">Promotion</h2>
                                <ul>
                                    <li><a href="#">Gift Cards</a></li>
                                    <li><a href="#">Delivery</a></li>
                                    <li><a href="#">Extended Service Plan</a></li>
                                    <li><a href="#">Customer Service</a></li>
                                    <li><a href="#">Returns</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="footcol4">
                    <ul>
                        <li class="widget-container">
                            <h2 class="widget-title">Information</h2>
                            <ul>
                                <li><a href="#">Search Terms</a></li>
                                <li><a href="#">Mobile</a></li>
                                <li><a href="#">Contact Us</a></li>
                                <li><a href="#">Advanced Service</a></li>
                                <li><a href="#">Site Map</a></li>
                            </ul>
                        </li>
                    </ul>
                    </div>
                    <div class="clear"></div>
                </div><!-- end main-footer -->
            </div><!-- end footer -->
        </div><!-- end container -->
        </div><!-- end wrapper-footer -->
           
        <div id="after-footer">
        <div class="container">
            <div id="copyright">
            Copyright &copy;2012 Queen Hotel. All Rights Reserved. Theme design by	<a href="http://templatesquare.com/" title="">
            TemplateSquare.com</a>
            </div>
            <div class="clear"></div>
        </div><!-- end container -->
        </div><!-- end after-footer -->
        
</div><!-- end outer-container -->
		
</body>

</html>
